<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>模板1</title>
    <link rel="stylesheet" href="./assets/layui/css/layui.css">
    <link rel="stylesheet/less" href="./common/index.less">
    <script src="./assets/less.min.js"></script>
</head>

<body>
    <div class="layui-container">
        <div class="layui-row">
            <div class="layui-col-md4">
                <div class="grid-demo">欢迎光临模板1</div>
            </div>
            <div class="layui-col-md4 layui-col-md-offset4 con-right">
                <div class="grid-demo">
                    <div class="layui-btn-group">
                        <button class="layui-btn layui-btn-primary layui-btn-sm">
                            设置首页
                        </button>
                        <button class="layui-btn layui-btn-primary layui-btn-sm">
                            收藏本站
                        </button>
                        <button class="layui-btn layui-btn-primary layui-btn-sm">
                            登录
                        </button>
                    </div>
                </div>
            </div>
        </div>
        <hr>
        <div class="layui-row">
            <div class="layui-col-md12">
                <ul class="layui-nav layui-bg-theme">
                    <li class="layui-nav-item layui-this">
                        <a href="">首页</a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="">关于我们</a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="">产品展示</a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">文章展示</a>
                        <dl class="layui-nav-child">
                            <dd>
                                <a href="">国际最新</a>
                            </dd>
                            <dd>
                                <a href="">文采共享</a>
                            </dd>
                            <dd>
                                <a href="">科技先驱</a>
                            </dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="">联系我们</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-col-md12">
                <div class="grid-demo banner">
                </div>
            </div>
        </div>
        <hr>
        <div class="layui-row">
            <div class="layui-col-md12">
                <span class="layui-breadcrumb">
                    <a href="index.html">首页</a>
                    <a href="list.html">列表</a>
                    <a><cite>详情</cite></a>
                </span>
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-col-md12">
                <fieldset class="layui-elem-field layui-field-title">
                    <legend>人生就像是一场修行</legend>
                    <div class="layui-field-box">
                        <p>人生就像是一场修行，于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里！</p>
                        <p>人生就像是一场修行，于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里！</p>
                        <p>人生就像是一场修行，于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里！

                        <p>人生就像是一场修行，于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里！
                        人生就像是一场修行，于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里！
                        人生就像是一场修行，于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里！</p>
                        <p>人生就像是一场修行，于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里！
                        人生就像是一场修行，于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里！

                        人生就像是一场修行，于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里！

                        人生就像是一场修行，于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里！
                        人生就像是一场修行，于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里！
                        人生就像是一场修行，于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里！
                        人生就像是一场修行，于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里！</p>
                        <p>人生就像是一场修行，于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里！</p>
                        <p>人生就像是一场修行，于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里！
                        人生就像是一场修行，于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里！
                        人生就像是一场修行，于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里！</p>
                        <p>人生就像是一场修行，于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里！
                        人生就像是一场修行，于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里！

                        人生就像是一场修行，于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里！

                        人生就像是一场修行，于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里！
                        人生就像是一场修行，于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里！
                        人生就像是一场修行，于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里！
                        人生就像是一场修行，于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里！</p>
                        <p>人生就像是一场修行，于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里！</p>
                        <p>人生就像是一场修行，于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里！
                        人生就像是一场修行，于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里！
                        人生就像是一场修行，于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里！</p>
                    </div>
                </fieldset>
            </div>
        </div>
        <hr>
        <div class="layui-row">
            <div class="layui-col-md12 foot">
                <div class="f-bc"> <span class="layui-breadcrumb" lay-separator="|">
                        <a href="">娱乐</a>
                        <a href="">八卦</a>
                        <a href="">体育</a>
                        <a href="">搞笑</a>
                        <a href="">视频</a>
                        <a href="">游戏</a>
                        <a href="">综艺</a>
                    </span>
                </div>
                <div>
                    <p>©2018 Baidu 京公网安备11000002000001号</p>
                </div>
            </div>
        </div>
    </div>
    <script src="./assets/layui/layui.all.js"></script>
</body>

</html>